import React from 'react';
import { DatePicker } from 'antd';
const { RangePicker } = DatePicker;


const CustomizedDateCell =props=>{
 return  <div>
 <DatePicker
   dateRender={current => {
     const style = {};
     if (current.date() === 1) {
       style.border = '1px solid #1890ff';
       style.borderRadius = '50%';
     }
     return (
       <div className="ant-calendar-date" style={style}>
         {current.date()}
       </div>
     );
   }}
   style={{marginBottom:10}}
 />
 <br/>
 <RangePicker
   dateRender={current => {
     const style = {};
     if (current.date() === 1) {
       style.border = '1px solid #1890ff';
       style.borderRadius = '50%';
     }
     return (
       <div className="ant-calendar-date" style={style}>
         {current.date()}
       </div>
     );
   }}
 />
</div>
}

export default CustomizedDateCell;